<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>成都地区空气质量分析</title>
    <script src="./js/jquery.mini.js"></script>
    <script src="./js/echarts.mini.js"></script>
    <link rel="stylesheet" href="./css/chengdu.css">
    <script src="./js/chengdu.js"></script>
    <script src="./js/radar.js"></script>
    <!-- 以下为地图部分 -->
    <script src="https://api.map.baidu.com/api?v=3.0&ak=M6rGYilFNdz05tVyGGGgQmrUuiIcTr0l"></script>
    <script src="./js/bmap.mini.js"></script>
    <link rel="stylesheet" href="./css/map.css">
    <script src="./js/map.js"></script>
    
    
</head>

<body>
    <div id="app">
        <header>
            <h1>成都地区空气质量分析</h1>
            <div class="time"></div>
        </header>
        <main>
            <div class="section1">
                <div class="panel particle">
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel month-quantity">
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel rader">
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
            </div>
            <div class="section2">
                <div class="head">
                    <div class="time"></div>
                    <div class="mainChart"></div>
                    <div class="detailChart"></div>
                </div>
                <div class="map">
                    <!-- <div class="operate">
                        <ul>
                            <li class="PM25">PM2.5</li>
                            <li class="PM10">PM10</li>
                            <li class="SO2">SO₂</li>
                            <li class="NO2">NO₂</li>
                            <li class="CO">CO</li>
                            <li class="O3">O₃</li>
                        </ul>
                    </div> -->
                    
                    <div class="chart"></div>
                </div>
            </div>
            <div class="section3">
                <div class="panel air">
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel position-quantity">
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
                <div class="operate">
                    <ul>
                        <li class="PM25">PM2.5</li>
                        <li class="PM10">PM10</li>
                        <li class="SO2">SO₂</li>
                        <li class="NO2">NO₂</li>
                        <li class="CO">CO</li>
                        <li class="O3">O₃</li>
                    </ul>
                </div>
            </div>
        </main>
    </div>
    

    
    
</body>

</html>